/**
 * Copyright (c) 2012-2016, b3log.org & hacpai.com
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Base style.
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 * @version 1.0.1.9, Jan 12, 2016
 */
@media (max-width: 1200px) {
    .person-info .avatar {
        display: none;
    }
}

@media (max-width: 1016px) {
    .avatar-big {
        height: 140px;
        width: 140px;
        border-width: 10px;
    }

    .avatar-mid {
        height: 80px;
        width: 80px;
        border-width: 7px;
    }
}

@media (max-width: 768px) {
    /* start itself */
    /* framework */
    .nav {
        height: auto;
    }

    .wrapper {
        display: block;
        padding: 0 10px;
        min-width: 300px;
        width: 100%;
        box-sizing: border-box;
    }

    .main {
        padding: 0.5rem 0;
    }

    .wrapper .side {
        margin-top: 2rem;
    }

    .icon-up {
        bottom: 92px;
    }

    .wrapper .tags > li:hover > span {
        border-bottom-style: solid;
        border-radius: 3px;
    }


    /* header */
    .nav div > a.current {
        border-bottom: 0;
        padding-bottom: 11px;
        color: #D26911;
    }

    .nav .form {
        top: 89px;
        right: 0;
    }


    /* article */
    .list .avatar {
        height: 25px;
        width: 25px;
    }

    .wrapper .tag-artile-user {
        margin: 0.5rem 0 0.5rem 0.5rem;
    }

    .tag-artile-user .avatar {
        height: 45px;
        width: 45px;
    }


    /* register */
    .wrapper.register .intro {
        border-left-width: 0;
        padding: 0;
        margin-left: 0;
    }

    /* home */
    .wrapper .points .name {
        padding: 10px 0;
        font-size: 12px;
    }

    .wrapper .tab > li.current {
        border-width: 0;
        border-bottom: 2px solid #911;
        padding-bottom: 7px;
    }

    .comment-list-item h2 {
        margin-bottom: 0;
    }

    .wrapper.pre-post > div {
        display: block;
        font-size: 16px;
        margin: 15px auto;
        padding: 20px 50px;
        background-color: #f8f8f8;
    }

    .wrapper.pre-post > div > a {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .wrapper.pre-post div.ft-fade,
    .wrapper.pre-post a div {
        margin: 20px 0;
    }
    /* end itself */

    .responsive-show,
    .person-info .avatar {
        display: inherit;
    }

    .responsive-hide,
    .wrapper .tags > li:hover > div {
        display: none;
    }

    .content, 
    .side,
    .register .form,
    .post .form,
    .wrapper.register .intro,
    .nav .head-fn,
    .nav .user-nav {
        width: 100%;
    }

    .article-title,
    .tag-articles .content > .fn-flex,
    .comment-list-item .fn-flex {
        display: block;
    }

    .footer .fn-right,
    .article-info .fn-right,
    .article-info .fn-left {
        float: none;
    }
}